<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="rich" uri="http://richfaces.org/rich"%>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j"%>

<%
            request.setAttribute("nombrePagina", "Nueva Persona Natural");
%>

<f:view>

    <%@include file="/WEB-INF/jspf/header.jspf" %>
    <%@include file="/WEB-INF/jspf/breadcumbs.jspf" %>
    

    <h:messages id="messages" showDetail="true" />

    <h:form>

        <h1>Nueva Persona Natural</h1>

        <h:panelGrid columns="2">

            <h:outputLabel value="Nombre: " for="Nombre" />
            <h:inputText id="Nombre" value="#{PersonaNaturalController.personaNatural.nombrePersona}"/>

            <h:outputLabel value="Apellido Paterno: " for="ApelPat" />
            <h:inputText id="ApelPat" value="#{PersonaNaturalController.personaNatural.apePaternoPersona}"/>

            <h:outputLabel value="Apellido Materno: " for="ApelMat" />
            <h:inputText id="ApelMat" value="#{PersonaNaturalController.personaNatural.apeMaternoPersona}"/>

            <h:outputLabel value="DNI: " for="dni" />
            <h:inputText id="dni" value="#{PersonaNaturalController.personaNatural.dniPersona}" maxlength="8" size="8" />

            <h:outputLabel value="Sexo: " for="Sexo" />
            <h:selectOneMenu id="Sexo" value="#{PersonaNaturalController.personaNatural.sexPersona}" >
                <f:selectItems value="#{PersonaNaturalController.sexos}" />
            </h:selectOneMenu>

            <h:outputLabel value="Fec. Nac.: " for="FecNac" />
            <rich:calendar id="FecNac"
                           value="#{PersonaNaturalController.personaNatural.fecnacPersona}"
                           popup="true"
                           datePattern="d/MMM/y"
                           showApplyButton="false"
                           cellWidth="24px"
                           cellHeight="22px"
                           style="width:200px"/>

            <h:outputLabel value="Estado Civil: " for="EstCiv" />
            <h:selectOneMenu id="EstCiv" value="#{PersonaNaturalController.personaNatural.estadoCivil}" >
                <f:selectItems value="#{PersonaNaturalController.estadosCiviles}" />
            </h:selectOneMenu>

            <h:outputLabel value="Dirección: " for="Direccion" />
            <h:inputText id="Direccion" value="#{PersonaNaturalController.personaNatural.direccion}" maxlength="250" size="50" />

            <h:outputLabel value="Teléfono: " for="Telefono" />
            <h:inputText id="Telefono" value="#{PersonaNaturalController.personaNatural.telefono}" maxlength="16" size="16" />

            <h:outputLabel value="Email: " for="Email" />
            <h:inputText id="Email" value="#{PersonaNaturalController.personaNatural.email}" maxlength="80" size="60" />

            <h:panelGroup/>
            <br/>

            <h:panelGroup/>
            <h:panelGroup>
                <h:commandButton id="btnRegistrar" value="Guardar" action="#{PersonaNaturalController.registrar}" />
                <h:commandButton id="btnCancelar" value="Cancelar" action="volver" />
            </h:panelGroup>

        </h:panelGrid>

    </h:form>

    <%@include file="/WEB-INF/jspf/footer.jspf" %>

</f:view>